<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>AI_patient_list</title>
  <!-- <link rel="shortcut icon" href="favicon.ico" /> -->

  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/AI_patient_list.css">
  <link rel="stylesheet" href="../../css/bootstrap/bootstrap.min.css" />
</head>

<body>
  <!-- 版心 -->
  <div id="main">

    <!-- 内容 -->
    <div class="content">

      <!-- 头部区域 -->
      <div class="head">
        <!-- 医生姓名 -->
        <!-- <div class="doctor-info">
                    <div class="image">
                        <div class="text">医生</div>
                        <img src="../../images/doctor_image.png" title="医生" alt="doctor_image" />
                    </div>
                    <div class="id">
                        <div class="text" id="docterId" >ID</div>
                        <div class="name" id="docterName">张三</div>
                    </div>
                </div> -->
        <div class="container text-center">
          <div class="row">
            <div class="col">
              <!-- 医生姓名 -->
              <div class="doctor-info">
                <div class="image">
                  <div class="text">{{doctorTestData.doctorType == 'doctorInCharge' ? '主管医生' : '值班医生'}}</div>
                  <img src="../../images/doctor_image.png" title="医生" alt="doctor_image" />
                </div>
                <div class="id">
                  <div class="text" id="docterId">{{doctorTestData.doctorId}}</div>
                  <div class="name" id="docterName">{{doctorTestData.doctorName}}</div>
                </div>
              </div>
            </div>
            <div class="col">
              <!-- 切换主管医生 -->
              <button type="button" id="changeDoctor" @click="changeDoctor"
                class="btn btn-primary">{{doctorTestData.doctorType == 'doctorInCharge' ? '切换值班医生角色' :
                '切换主管医生角色'}}</button>
            </div>
          </div>
        </div>
        <!--中间区域 -->
      </div>
      <div class="medium">
        <div class="patient-text">患者列表</div>
        <div class="patient-list clearfix">
          <div v-for="item in patientsTestData" v-show="!item.is_finished" class="patient" id="patient_info" @click="patientHnader(item)">
            <div class="image">
              <div class="text">患者</div>
              <img src="../../images/patient_image.png" title="患者" alt="patient_image" />
            </div>
            <div class="id">
              <div class="text" id="patientId">{{decryption(item.patientId)}}</div>
              <div class="name" id="patientName" :style="{ color: item.isDiagnosedWithSepsis == '1' || item.isPatientDischarged == '1' || item.isPatientDie == '1' ? 'orange' : 'red' }">{{decryption(item.name)}}<span v-if="item.isDiagnosedWithSepsis == '1' || item.isPatientDischarged == '1' || item.isPatientDie == '1'">✔</span></div>
            </div>
            <div class="status" id="operation" :style={fill:getOperation(item.confirmColor)}><svg viewBox="0 0 56 56">
                <path
                  d="M54.078 31.543c1.295-.626 1.922-1.512 1.922-2.42c0-.885-.626-1.706-1.922-2.16l-10.522-3.63l4.515-9.225a3.1 3.1 0 0 0 .324-1.383c0-1.253-.95-2.182-2.182-2.182a3 3 0 0 0-1.383.324l-9.549 4.667l-4.97-10.651c-.54-1.189-1.425-1.794-2.31-1.794c-.865 0-1.75.605-2.291 1.794l-4.97 10.65l-9.549-4.666a3.1 3.1 0 0 0-1.382-.324c-1.232 0-2.204.93-2.204 2.182c0 .432.108.908.346 1.383l4.515 9.225l-10.543 3.63C.67 27.395 0 28.259 0 29.145s.648 1.772 1.923 2.398l10.09 4.84L6.567 47.92a3.3 3.3 0 0 0-.367 1.469c0 1.123.756 1.923 1.814 1.923c.454 0 .951-.151 1.47-.454l12.898-7.626l3.543 10.932C26.336 55.374 27.158 56 28 56c.886 0 1.685-.626 2.074-1.836L33.64 43.23l12.898 7.627c.519.303 1.016.432 1.448.432c1.037 0 1.836-.756 1.836-1.88c0-.453-.13-.972-.367-1.49l-5.466-11.537Zm-2.701-2.376v.15l-11.062 4.84c-.41.173-.605.454-.605.8c0 .13.043.302.13.453l5.703 11.473l-.13.13l-12.703-8.038c-.216-.108-.41-.194-.583-.194c-.346 0-.605.26-.735.691l-3.305 11.192h-.152L24.63 39.472c-.13-.432-.41-.691-.756-.691c-.173 0-.368.086-.562.194l-12.704 8.037l-.13-.13l5.704-11.472a1 1 0 0 0 .13-.453c0-.346-.216-.627-.605-.8l-11.062-4.84v-.15l11.472-3.544c.432-.13.67-.41.67-.756a.96.96 0 0 0-.151-.518l-5.142-9.852l.108-.108l9.917 5.228c.194.108.367.151.518.151c.324 0 .584-.194.756-.583l5.142-11.559h.152l5.141 11.56c.152.388.411.582.735.582c.173 0 .346-.043.54-.15l9.917-5.23l.108.109l-5.164 9.852c-.086.172-.15.345-.15.518c0 .346.237.627.69.756Z" />
              </svg></div>
          </div>

        </div>


      </div>
      <!-- <nav aria-label="Page navigation example">
            <ul class="pagination">
              <li class="page-item"><a class="page-link" href="#">上一页</a></li>
              <li class="page-item"><a class="page-link" href="#">1</a></li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item"><a class="page-link" href="#">下一页</a></li>
            </ul>
          </nav> -->
      <!-- 底部区域-->
      <div class="heel">
        <button @click="addpatientHnader" type="button" id="addpatient">新增患者<svg viewBox="0 0 24 24">
            <path d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z" />
          </svg></button>
      </div>

    </div>

  </div>
  <script type="text/javascript" src="../../js/tool/vue.js"></script>

  <script type="text/javascript" src="../../js/tool/bootstrap.min.js"></script>
  <script type="text/javascript" src="../../js/common.js"></script>
  <script type="text/javascript" src="../../js/mixin.js"></script>
  <script type="text/javascript" src="../../js/AI_patient_list.js"></script>
</body>

</html>